<!DOCTYPE html>
	<meta charset="UTF-8">
	<title>layout布局页面</title>
	<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
	<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
	<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<script>
	$(function(){
		$("#czbk").click(function(){
		// add a new tab panel    
			$('#tables').tabs('add',{    
			    title:'传智播客',    
			    content:'33333333333333333333333',    
			  	
			  	//下面的可以省略，刷新等等
			  	closable:true,
			    tools:[{    
			        iconCls:'icon-mini-refresh',    
			        handler:function(){    
			            alert('refresh');    
			        }    
			    }]    
			}); 
		});
	});
</script>
<body class="easyui-layout">
		
		<div data-options="region:'north',title:'传智播客管理系统'" style="height: 100px;">北部区域</div>
		<div data-options="region:'west'",title="菜单导航" style="width: 200px;">
			<!--折叠面板 -->
			<div class="easyui-accordion" data-options="fit:true">
				<div data-options="title:'基础菜单'">
					<a id="czbk" href="javascript:void(0)">传智播客</a>
					
				</div>
				<div data-options="title:'系统菜单'">面板二</div>
			</div>
		</div>
			<div data-options="region:'center'">
				<div id="tables" class="easyui-tabs" data-options="fit:true" style="width:500px;height:250px;">   
			    <div title="Tab1" style="padding:20px;display:none;">   
			        tab1    
			    </div>   
			    <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">   
			        tab2    
			    </div>   
			    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">   
			        tab3    
			    </div>   
			</div>  
		</div>
		<div data-options="region:'east'" style="width: 80px;">系统菜单</div>
		<div data-options="region:'south'" style="height: 80px;">公司信息</div>
	</body>

</html>